console.log('hi popup')
import {
  _div,
  _btn,
  _append,
  _remove,
  _input,
  _list,
  _listItem,
  _select
} from './ui/index.js'

let hi = _div("hi webpack", {
  class: 'red'
})
let searchBtn = _btn('search', {
  class: 'green',

}, (e) => {
  _append(hi, box.value)

})
let box = _input("hi", {
  class: 'green'
})
// let btn = _btn("say hi", {
//   class: 'red'
// }, {
//   click: (e) => {
//     console.log(this, e)
//     _append(hi, "!")
//     _append(hi, _btn("hehe", {}, () => {
//       alert("hehe")
//     }))
//     _append(hi, ["hehe", "---", _btn("dede", {
//       class: 'red'
//     }, (e) => {
//       alert(e.target.innerText)
//     })])
//   }
// })
let content = _div([hi, box,searchBtn], {
  class: 'content'
})
let app = document.getElementById("app")
app.appendChild(content)